<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=768,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
		<link rel="stylesheet" href="css/base.css">
	</head>
	<body>
		<div class="wrap">
			<div id="header">
				<img src="images/home.jpg" alt=""  class="logo fl"/>
				<div class="search fl">
					<form action="">
					<input type="text" placeholder="请输入商品名称" />
					<input type="image" src="images/home-02.jpg" />
					</form>
				</div>
				<div class="select fr">
					<select name="">
						<option value="">广州市</option>
						<option value="">深圳市</option>
						<option value="">上海市</option>
					</select>
				</div>
			</div>
			
				
			
			<div id="focus" class="focus">
				<div class="hd">
					<ul></ul>
				</div>
				<div class="bd">
					<ul>
							<li><a href=""><img src="images/home-03.jpg" alt="" /></a></li>
							<li><a href=""><img src="images/home-03.jpg" alt="" /></a></li>
							<li><a href=""><img src="images/home-03.jpg" alt="" /></a></li>
					</ul>
				</div>
			</div>
			<div class="more">
							<img src="images/home-04.jpg" alt="" class="fl"/>
							<p class="fl">优惠团购</p>
							<a href="" class="fr">更多</a>
			</div>
			<div class="clear"></div>
			<div class="shopimg">
				<ul>
					<li><a href=""><img src="images/home-05.jpg" alt="" /></a></li>
					<li><a href=""><img src="images/home-06.jpg" alt="" /></a></li>
					<li><a href=""><img src="images/home-07.jpg" alt="" /></a></li>
					<li><a href=""><img src="images/home-08.jpg" alt="" /></a></li>
				</ul>
				<div class="clear"></div>
			</div>
		
			<div class="more">
							<img src="images/home-09.jpg" alt="" class="fl"/>
							<p class="fl">猜你喜欢</p>
							<a href="" class="fr">更多</a>
			</div>
			<div class="clear"></div>
			<div class="food">
				<div class="img-box fl">
					<a href=""><img src="images/home-10.jpg" alt="" /></a>
				</div>
				<div class="food-right fl ">
					<h3>万岁寿司（正佳店）<span><100m</span></h3>
					<p>[100店通用]双人套餐</p>
					<p>￥88.00 <span class="small">已售1000</span></p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="food">
				<div class="img-box fl">
					<a href=""><img src="images/home-10.png" alt="" /></a>
				</div>
				<div class="food-right fl ">
					<h3>周黑鸭（正佳店）<span><100m</span></h3>
					<p>[100店通用]双人套餐</p>
					<p>￥88.00 <span class="small">已售1000</span></p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="food">
				<div class="img-box fl">
					<a href=""><img src="images/home-10.jpg" alt="" /></a>
				</div>
				<div class="food-right fl ">
					<h3>万岁寿司（正佳店）<span><100m</span></h3>
					<p>[100店通用]双人套餐</p>
					<p>￥88.00 <span class="small">已售1000</span></p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="dingwei"></div>
			<footer>

				<a href="home.html"><img src="images/h-choice.png" alt="" /><p>首页</p></a>
				<a href="classlfy.html"><img src="images/f.png" alt="" /><p>分类</p></a>
				<a href="find.html"><img src="images/fenlei-23.png" alt="" /><p>发现</p></a>
				<a href="my.html"><img src="images/fenlei-25.png" alt="" /><p>我的</p></a>
			</footer>
		</div>
		
		<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
		<script type="text/javascript">
				TouchSlide({ 
					slideCell:"#focus",
					titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell:".bd ul", 
					effect:"leftLoop", 
					autoPlay:true,//自动播放
					autoPage:true //自动分页
				});
			</script>
	</body>
</html>
